﻿

/*---------------brank----------------*/
/*統一手機平板穿戴裝置*/
.category-icon {
    /*	float: left;*/
    width: 50px;
    height: 50px;
    cursor: pointer; /*鼠標*/
    opacity: 0.3;
    /*margin-top: 8px;*/
    /*background: ;*/
}

    .category-icon:hover {
        opacity: 0.5;
    }

    .category-icon:active {
        opacity: 1;
    }

/*個別手機平板穿戴裝置*/
.iconphone2 {
    background: url(../images/boxicon.png) 0px -50px no-repeat;
}

    .iconphone2:hover {
        background: url(../images/boxicon.png) 0 0px no-repeat;
    }
    .iconphone2c {
        background: url(../images/boxicon.png) 0 0px no-repeat;
    }

.icontablet2 {
    background: url("../images/boxicon.png") -50px -50px no-repeat;
}

    .icontablet2:hover {
        background: url("../images/boxicon.png") -50px 0px no-repeat;
    }
    .icontablet2c {
        background: url("../images/boxicon.png") -50px 0px no-repeat;
    }

.iconwear2 {
    background: url("../images/boxicon.png") -100px -50px no-repeat;
}

    .iconwear2:hover {
        background: url("../images/boxicon.png") -100px 0px no-repeat;
    }
    .iconwear2c {
        background: url("../images/boxicon.png") -100px 0px no-repeat;
    }
/*---------------brank----------------*/
/*品牌LOGO*/
.branklogo {
    width: 50px;
    height: 50px;
    /*margin-top:20px;*/
    cursor: pointer; /*鼠標*/
    opacity: 0.3;
}

    .branklogo:hover {
        opacity: 0.5;
    }

    .branklogo:active {
        opacity: 1;
    }
/*宏碁ACER*/
.acer {
    background: url(../images/brand-logo.png) 0 0;
}

    .acer:hover {
        background: url(../images/brand-logo2.png) 0 0;
    }
/*華碩ASUS*/
.asus {
    background: url(../images/brand-logo.png) -50px 0;
}

    .asus:hover {
        background: url(../images/brand-logo2.png) -50px 0;
    }
/*蘋果IPHONE*/
.apple {
    background: url(../images/brand-logo.png) -100px 0;
}

.apple:hover {
    background: url(../images/brand-logo2.png) -100px 0;
}
/*宏達電HTC*/
.htc {
    background: url(../images/brand-logo.png) -150px 0;
}

    .htc:hover {
        background: url(../images/brand-logo2.png) -150px 0;
    }
/*三星SAMSUNG*/
.samsung {
    background: url(../images/brand-logo.png) 0 -50px;
}

.samsung:hover {
    background: url(../images/brand-logo2.png) 0 -50px;
}
/*SONY*/
.sony {
    background: url(../images/brand-logo.png) -50px -50px;
}

.sony:hover {
    background: url(../images/brand-logo2.png) -50px -50px;
}
/*諾基亞NOKIA*/
.nokia {
    background: url(../images/brand-logo.png) -100px -50px;
}

.nokia:hover {
    background: url(../images/brand-logo2.png) -100px -50px;
}
/*小米MIUI*/
.miui {
    background: url(../images/brand-logo.png) -150px -50px;
}

.miui:hover {
    background: url(../images/brand-logo2.png) -150px -50px;
}
/*LG*/
.lg {
    background: url(../images/brand-logo.png) 0 -100px;
}

.lg:hover {
    background: url(../images/brand-logo2.png) 0 -100px;
}
/*摩托羅拉MOTO*/
.motorola {
    background: url(../images/brand-logo.png) -50px -100px;
}

.motorola:hover {
    background: url(../images/brand-logo2.png) -50px -100px;
}
/*INFOCUS*/
.infocus {
    background: url(../images/brand-logo.png) -100px -100px;
}

    .infocus:hover {
        background: url(../images/brand-logo2.png) -100px -100px;
    }
/*OPPO*/
.oppo {
    background: url(../images/brand-logo.png) -150px -100px;
}

    .oppo:hover {
        background: url(../images/brand-logo2.png) -150px -100px;
    }
/*BENQ*/
.benq {
    background: url(../images/brand-logo.png) 0px -150px;
}

    .benq:hover {
        background: url(../images/brand-logo2.png) 0px -150px;
    }
/*---------------brank----------------*/


/*關鍵字*/
.allkeyword {
    width: 50px;
    height: 50px;
    /*margin-top:20px;*/
    opacity: 0.2;
}

    .allkeyword:hover {
        opacity: 0.5;
    }

    .allkeyword:active {
        opacity: 1;
    }
/*4G*/
.keyword1 {
    background: url("../images/keyword.png") 0px 0px no-repeat;
}

    .keyword1:hover {
        background: url("../images/keyword.png") 0px -100px no-repeat;
    }
/*老人機*/
.keyword2 {
    background: url("../images/keyword.png") -50px 0px no-repeat;
}

    .keyword2:hover {
        background: url("../images/keyword.png") -50px -100px no-repeat;
    }
/*大電量*/
.keyword3 {
    background: url("../images/keyword.png") -100px 0px no-repeat;
}

    .keyword3:hover {
        background: url("../images/keyword.png") -100px -100px no-repeat;
    }
/*雙卡雙待*/
.keyword4 {
    background: url("../images/keyword.png") -150px 0px no-repeat;
}

    .keyword4:hover {
        background: url("../images/keyword.png") -150px -100px no-repeat;
    }
/*防水*/
.keyword5 {
    background: url("../images/keyword.png") 0px -50px no-repeat;
}

    .keyword5:hover {
        background: url("../images/keyword.png") 0px -150px no-repeat;
    }
/*四核心*/
.keyword6 {
    background: url("../images/keyword.png") -50px -50px no-repeat;
}

    .keyword6:hover {
        background: url("../images/keyword.png") -50px -150px no-repeat;
    }
/*前置喇叭*/
.keyword7 {
    background: url("../images/keyword.png") -100px -50px no-repeat;
}

    .keyword7:hover {
        background: url("../images/keyword.png") -100px -150px no-repeat;
    }
/*高CP*/
.keyword8 {
    background: url("../images/keyword.png") -150px -50px no-repeat;
}

    .keyword8:hover {
        background: url("../images/keyword.png") -150px -150px no-repeat;
    }


/*---------------brank----------------*/

.menuAll {
    margin-top: 15px;
    text-align:center;
}

.menu-container {
    display:inline-block;
    height: 70px;
    /*width:100%;*/
    margin:0 auto;
}

@media screen and (max-width:959px) {
    .menuAll {
        display: none;
    }
}

.menu-brand, .menu-cate, .menu-key {
    left: 0;
    width: 50px;
    height: 50px;
    /*border:1px solid #ffd800;*/
    float: left;
    margin-right: 1em;
    /*margin-top: 20px;*/
}

.menu-brand:hover, .menu-cate:hover, .menu-key:hover{
    background: #f5f5f4;
}

.tbs {
    display: block;
    float: left;
    /*margin: 0 0 -1px 25px;*/
    /*border: 1px solid #ddd;*/
    margin-top: 17px;
    margin-right: 5px;
    padding: 16px 12px 16px 12px;
    border: 1px solid #e1e1e1;
    border-radius: 15px;
    background: #3fa9f5;
    color: #ffffff;
    /*height: 32px;*/
    /*cursor: pointer;*/
    border-radius: 5px 5px 5px 5px;
}

.menu-choose{
    /*border: 0px solid #fff;*/
    /*background:#BBB;*/
    background:#b3e6ff;
 
    /*filter:hue-rotate(45deg);

    -webkit-filter: hue-rotate(45deg);
     -moz-filter: hue-rotate(45deg);
      -o-filter: hue-rotate(45deg);
       -ms-filter: hue-rotate(45deg);*/
       
}
    .menu-choose:hover {
        /*background:#fff3b3;*/
-ms-transform: rotate(9deg); /* IE 9 */
    -webkit-transform: rotate(9deg); /* Chrome, Safari, Opera */
    transform: rotate(9deg);
        
    }
    



#gotop {
    display: none;
    position: fixed;
    border-top:1px solid #999999;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    right: 15px;
    bottom: 5px;
    padding: 10px 15px;
    background:#222222;
    color: #fff;
    cursor: pointer;
    opacity:0.5;
}

/*比拚 compare box*/        
#tablenews {
    width:280px;
    height:50px;
    /*border:1px solid #ff0000;*/
    margin:10px 5px 20px 5px;
           
}
    #tablenews td {
        /*border:1px solid #ff0000;*/
        text-align:center;
        border-bottom:1px solid #BBB;
}


